<template>
  <div class="app-container">
    <keep-alive>
      <tab-pane v-if="activeName==item.key" :type="item.key" :list="list"@create="showCreatedTimes" /><
    </keep-alive>
  </div>
</template>
<script>
// 导入需要的 Element UI 组件
import { ElMenu, ElMenuItem } from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

// 导入自定义的组件
import ViewReport from './components/ViewReport.vue'
import DraftReport from './components/DraftReport.vue'
import ViewApplication from './components/ViewApplication.vue'
import SubmitApplication from './components/SubmitApplication.vue'
import TabPane from '.TabPane.vue'

export default {
  name: 'Report',
  components: {
    TabPane,
    'el-menu': ElMenu,
    'el-menu-item': ElMenuItem,
    ViewReport,
    DraftReport,
    ViewApplication,
    SubmitApplication
  },
  data() {
    return {
      tabMapOptions: [
        { label: 'China', key: 'CN' },
        { label: 'USA', key: 'US' },
        { label: 'Japan', key: 'JP' },
        { label: 'Eurozone', key: 'EU' }
      ],
      activeName: 'CN',
      createdTimes: 0,
      taskArray: [],
      list: [],
      uid: '',
      tid: '',
      uid_modify: '',
      tid_modify: '',
      tid_finish: ''
    }
  }
}
</script>

<style scoped>

.main-content {
  position: fixed;
  right: 0;
  top: 0;
  width: 80vw;
  height: 100%;
  background-color: #fff;
}
</style>

